<template>
  <el-container class="container">
    <el-aside class="aside">
      <SideMenu></SideMenu>
    </el-aside>
    <el-container class="mainContainer">
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
  </el-container>
</template>
<script lang="ts" setup name="App">
import { RouterLink, RouterView } from 'vue-router'
import { ref, reactive } from 'vue'
import SideMenu from '../components/SideMenu.vue';
</script>
<style scoped>
.container {
  height: 100%;
  display: flex;
}

.aside {
  width: 200px;
  height: 100%;
}

.mainContainer {
  flex: 1;
}
</style>
